@import "variable";

@font-face {
  font-family: 'fa';
  src: url(../lib/font-awesome/fonts/fontawesome-webfont.svg) format('svg'),
  url(../lib/font-awesome/fonts/fontawesome-webfont.eot) format('embedded-opentype'),
  url(../lib/font-awesome/fonts/fontawesome-webfont.ttf) format('truetype'),
  url(../lib/font-awesome/fonts/fontawesome-webfont.woff) format('woff');
}

.fa{
  font-family:fa;
}
.fa-home:before{content:"\f015";}
.fa-reorder:before{content:"\f0c9";}
.fa-file-text-o:before{content:"\f0f6";}
.fa-user:before{content:"\f007";}
.fa-suitcase:before{content:"\f0f2";}

*,
*::before,
*::after{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
body{
  font-size: 14px;
  font-family: "Microsoft YaHei",sans-serif;
  color: #333;
}
ul,ol{
  list-style: none;
}
a{
  text-decoration: none;
  color: #333;
}
input,textarea{
  border: none;
  outline: none;
  resize: none;
  -webkit-appearance: none;
}
.f_left{
  float: left;
}
.f_right{
  float: right;
}
.clearFix::before,
.clearFix::after{
  content: "";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  clear: both;
}
.m_l10{
  margin-left:10px;
}
.m_r10{
  margin-right:10px;
}
.m_t10{
  margin-top:10px;
}
.m_b10{
  margin-bottom:10px;
}
/*版心*/
.sn_container{
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 750px;
  min-width: 320px;
  margin: 0 auto;
  padding-top: 90rem/@base;
  padding-bottom: 100rem/@base;
}

.w100{width:100%;}
.bc{background-color: #fabc09;}

.tb{

  .w100;
    .bc;
    position: fixed;
    left: 0;  z-index: 33;
}